.swiper-container01 img,.main_news_left img,.case_img img, .swiper-container02 img,.quick_icon img{ width: 100%; height: 100%;}
.swiper-container01>.swiper-pagination01>.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 0;
    background: #fff;
    margin: 10px 5px;
    border-radius: 30px;
}
.swiper-container01>.swiper-pagination01>.swiper-pagination-bullet-active {width: 40px}
.swiper-container01>.swiper-button-next,
.swiper-container01>.swiper-button-prev,
.swiper-container02>.swiper-button-next,
.swiper-container02>.swiper-button-prev{
    top: 45%;
    opacity: 0;
    background: rgba(0,0,0,.3);
    width: 50px;
    height: 100px;
    color: #fff;
    text-align: center;
    transition: all .5s;
}
.swiper-container01>.swiper-button-next > .iconfont,
.swiper-container01>.swiper-button-prev > .iconfont,
.swiper-container02>.swiper-button-next > .iconfont,
.swiper-container02>.swiper-button-prev > .iconfont{
	margin: auto;
	font-size: 50px;
}
.swiper-container01>.swiper-button-next,
.swiper-container02>.swiper-button-next{
	right: 20px;
}
.swiper-container01>.swiper-button-prev,
.swiper-container02>.swiper-button-prev{
	left: 20px;
}
.swiper-container01:hover .swiper-button-next,
.swiper-container01:hover .swiper-button-prev,
.swiper-container02:hover .swiper-button-next,
.swiper-container02:hover .swiper-button-prev{
	opacity: 1
}

/*标题*/
.main_title h2{
	font-size: 28px;
	font-weight: bold;
	color: #333;
}
.main_title h2 span{
	display: block;
	padding-top: 5px;
	font-size: 20px;
	color: #666;
}
.main_tile_more{
	display: block;
	border: 1px solid #acacac;
	width: 160px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #666;
    font-size: 16px;
    font-weight: bold;
}
.main_tile_more:hover{
	border: 1px solid #000;
}

/*新闻中心*/
.main_tab{
	width: 25%;
}
.main_tab li{
	width: 50%;
	height: 55px;
	line-height: 55px;
	text-align: center;
	cursor: pointer;
	background: #f7f7f7;
	font-size: 17px;
	font-weight: bold;
}
.news_active,.main_tab li:hover{
	background:#0074c5!important ;
	color: #fff!important;
}
.frist_news{
	padding-bottom: 30px;
	position: relative;
	width: 100%;
}
.frist_news::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 7px;
	background: url(/images/news_line.jpg);
}
.frist_news h3{
	padding-bottom: 8px;
	overflow: hidden;
	text-align: center;
	font-size: 25px;
	color: #0074c5;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.frist_news > a > div{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	line-height:25px;
}
.swiper-container02{
	overflow: hidden;
	width: 37%;
	margin-left:inherit;
}
.swiper-container02>.swiper-pagination02>.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 0;
    background: #fff;
    margin: 10px 5px;
    border-radius: 30px;
}
.swiper-container02>.swiper-pagination02>.swiper-pagination-bullet-active { background: #DA7701 }
.swiper-container02 .swiper-slide div{
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px;
	box-sizing: border-box;
	width: 100%;
	height: 80px;
	line-height: 40px;
	text-overflow: ellipsis;
	word-wrap: break-word;
	background: rgba(27, 74, 156, .8);
	color: #fff;
}
.swiper-container02 .swiper-slide div p{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	line-height:25px;
	font-size: 16px;
	width: 70%;
}
.swiper-pagination02{
	bottom: 20px!important;
	text-align: right;
}
.news_list{
	position: relative;
	overflow: hidden;
	height: 500px;
}
.news_list > div{
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	width: 100%;
}
.news_list > div:nth-child(1){
	visibility: visible;
}
.news_con ul{
	width: 60%;
}
.news_con ul li{
	overflow: hidden;
	padding:1% 0;
	box-sizing: border-box;
	width: 100%;
	color: #666;
	/*transition: all .6s;*/
}
.news_con > ul > li > a > h3{
	overflow: hidden;
	padding-left: 15px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 75%;
	box-sizing: border-box;
	font-size: 16px;
}
.news_con > ul > li > a > h3::after{
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #da7800;
}
.news_con > ul > li > a > span{
	color: #999999;
}

/*精品案例*/
.case_bg{
	padding-top: 60px;
	padding-bottom: 60px;
	width: 100%;
	background: url(/images/case_bg.jpg) no-repeat center center;
	background-size: cover;
}
.mian_cases{ position: relative;overflow: hidden; height: 500px;}
.cases_tab{width: 240px; height: 100%;z-index: 99;}
.cases_list{overflow:hidden;position: relative;height: 100%; width: calc(100% - 240px);}
.cases_con{position: absolute; top: 0; left: 0; visibility: hidden; width: 100%; height: 100%;}
.cases_con:nth-child(1){visibility:visible;}
.case_img{width:100%}
.swiper-container03>.swiper-button-next,
.swiper-container03>.swiper-button-prev{
    top: 90%;
    background: none;
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    transition: all .5s;
    border: 1px solid #e4e4e4;
}
.swiper-container03>.swiper-button-next{right: 20px;}
.swiper-container03>.swiper-button-prev{left: 88%;}
.swiper-container03>.swiper-button-next > .iconfont,
.swiper-container03>.swiper-button-prev > .iconfont{
	margin: auto;
	font-size: 28px;
	color: #fff
}
.swiper-container03{ height: 100%; }

.cases_tab li{
	padding: 0;
	position: relative;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #595757;
	width: 100%;
	background: #E4E4E4;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center
}
.cases_tab li:last-child{ margin-bottom:0; }
.cases_tab li::after{
	position: absolute;
	top: 40%;
	right: -10px;
	width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #0074C5;
}
.cases_active{ background:#0074c5!important; color: #fff!important;content: "";}
.cases_active::after{ content: ""; }
.cases_tab li h3{ font-size: 18px; font-weight: bold; width: 100%; }

/*快捷导航*/
.quilk li{width: 23%;}
.quick_icon{
	width: 20%;
	height: fit-content;
}
.quick_text{width:75%;}
.quick_text h2{
	font-size: 20px;
	font-weight: bold;
}
.quick_text p{
	padding: 10px 0;
	line-height:20px;
	color: #666;
}
.quick_text a{color: #0074C5;}

/*媒体查询*/
@media (max-width:1920px) and (min-width:1700px) {

}

@media (max-width:650px ) and (min-width:320px){
	.main_news_left,.main_news_right,.cases_tab,.cases_list,.case_img img,.main_tab,.swiper-container02,.news_con ul{width:100%}
	.main_tile_more,.swiper-container03>.swiper-button-next, .swiper-container03>.swiper-button-prev,.footer_nav li{display:none;}
	.main_title h2 {font-size: 20px;width: 100%;text-align: center}
	.swiper-container01>.swiper-pagination01>.swiper-pagination-bullet {margin: 0px 5px;width: 8px;height: 8px;}
	.swiper-container01>.swiper-pagination01>.swiper-pagination-bullet-active {width: 23px;}
	.swiper-container03{ height: auto; }
	.cases_tab{ height: auto }
	.cases_tab li{padding: 5%; width: 24%;}
	.cases_tab li .iconfont{ padding:0 ;margin: auto; }
	.cases_tab li:last-child {margin-bottom: 5px;}
	.main_tab,.news_con ul{ margin-top: 20px;  }
	.main_tab li{height: 35px;line-height: 35px; font-size: 14px;}
	.frist_news h3{ font-size: 16px; }
	.frist_news{ padding-bottom: 15px;}
	.cases_tab li::after{
		top:100%;
		right: 38%;
		border-top: 10px solid #0074C5;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent; 
	}
	.mian_cases {height: 280px;}
	.cases_tab li,.cases_tab li:last-child{ margin-bottom: 20px; }
	.case_bg {padding-top: 20px;padding-bottom: 20px;}
	.quilk li {width: 100%;margin-bottom: 30px;}
	
}